feat(slash-commands): type/source indicators, skill invocation & argument hints#5696
feat(slash-commands): type/source indicators, skill invocation & argument hints#5696Drilmo wants to merge 2 commits intoKilo-Org:mainfrom
Conversation
🦋 Changeset detectedLatest commit: 0b646df The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
…asoningParams) Remaining check-types errors are PR interaction issues: - anthropic-filter.ts: type mismatch between PR Kilo-Org#5696 SDK changes and main - RunSlashCommandTool.ts: PR Kilo-Org#4760 renamed RUN_SLASH_COMMAND experiment These document known conflicts between PRs that need coordination.
…nd argument hints Enhance the slash command menu with visual type badges, source labels, skill discovery/invocation via "/", type-colored input highlights, and argument-hint ghost text from SKILL.md frontmatter.
Drilmo
force-pushed
the
feat/slash-command-enhancements
branch
from
37b21cc to
094718b
Compare
|
Hi! I think this is a great improvement. We are however currently very focused on a ground-up rebuild of this extension using the new Kilo CLI as the backend. Because of this we made the decision to start temporarily limiting the size and type of features we're still accepting into the current extension. Would you be open to submitting this to the new extension? The UI is currently being polished in there. To make up for lost time/effort and to show appreciation for the work you did I topped up your Kilo account with extra credits! |
2 participants
Summary
Enhances the "/" slash command menu with rich visual metadata, adds skills to the command list, and introduces argument hint ghost text for skills.
Features
Type badges
Each command in the dropdown shows a color-coded badge indicating its type:
command— built-in commands (newtask, condense, etc.)mode— mode switching (code, architect, etc.)workflow— workflow rules (.kilo/rules)skill— installed skills (SKILL.md based)Source labels
Non-built-in items show their origin (
project,global,org) to help disambiguate items with similar names.Type-colored input highlights
When a slash command is typed in the input field, the highlight color matches its type:
Skills in "/" menu
Installed skills are now discoverable and invocable directly from the slash command dropdown. Selecting a skill reads its SKILL.md and injects the content as
<explicit_instructions>(same pattern as workflows).Argument hint ghost text
Skills with an
argument-hintfield in their SKILL.md frontmatter (from the Agent Skills specification) display usage hints as faded ghost text after the command. The hint disappears when the user starts typing arguments, and yields to FIM autocomplete when active.Changed files
src/shared/skills.tsargumentHint?toSkillMetadatasrc/services/skills/SkillsManager.tsargument-hintfrom SKILL.md frontmattersrc/core/slash-commands/kilo.tsparseKiloSlashCommandssrc/core/task/Task.tsSkillsManagerto slash command parsersrc/core/webview/webviewMessageHandler.tswebview-ui/src/context/ExtensionStateContext.tsxskillsstate +skillsDatamessage handlerwebview-ui/src/utils/slash-commands.tsSlashCommandType,SlashCommandSource,SkillInfo,findSlashCommand(), skills parameter to all functionswebview-ui/src/components/chat/SlashCommandMenu.tsxwebview-ui/src/components/chat/ChatTextArea.tsxwebview-ui/src/kilocode.cssTest plan
argument-hintfrontmatter and verify ghost text appears after the commandpnpm run check-typespasses (22/22)pnpm run lintpasses (18/18, 0 warnings)pnpm vitest runpasses (515 files, 7831 tests)